@charset "utf-8";
@import "./public";
.search{
    border: 1px solid $color;
}
.selected{
    width: vw(512);
    height: vw(171);
    text-align:center;
    display: flex;
    margin-top: vw(33);
    flex-direction: column;
    justify-content: space-between;
    .text{
        width:vw(512);
        height: vw(26);
        font-size:vw(26);
    }
    .top{
        width:vw(512);
        height: vw(64);
        display: flex;
        justify-content: space-between;
        div{
            width: vw(125);
            line-height:vw(64);
            height:vw(64);
            color: #fff;
            background:#dcdcdc;
        }
    }
    .buttom{
        width:vw(512);
        height: vw(64);
        display: flex;
        justify-content: space-between;
        div{
            width: vw(125);
            line-height:vw(64);
            height:vw(64);
            color: #fff;
            background:#dcdcdc;
        }
    }

}
.hot{
    width: vw(718);
    height: vw(498);
    display:flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: flex-end;
    .like{
        height: vw(47);
        align-items: center;
    }
    .tu{
        width: 100%;
        display: flex;
        justify-content: space-between;
        .left{
            width: vw(280);
            height: vw(352);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .right{
            width: vw(420);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .top{
                width: vw(420);
                height: vw(147);
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .buttom{
                width: vw(420);
                display: flex;
                justify-content: space-between;
                .pp{
                    width: vw(195);
                    height: vw(197);
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                .ll{
                    width: vw(211);
                    height: vw(197);
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
    }

}
.xai{
    height:vw(306) ;
    .tu1{
        width: 100%;
        display: flex;
        justify-content: space-around;
        .left1{
            width: vw(228);
            height: vw(200);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .top1{
            width: vw(228);
            height: vw(200);
            img{
                width: 100%;
                height: 100%;
            }
        }
        .right1{
            width: vw(228);
            height: vw(200);
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}